<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>APP</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<style>
body {
    background-color: #fff;
}
p {
    margin-bottom: 15px;
}
</style>
<body>
    <div class="aui-content aui-content-padded">
        <p>普通按钮</p>
        <p><button class="aui-btn">默认按钮(default)</button></p>   
        <p><button class="aui-btn aui-btn-primary" onclick="demo();">默认按钮(primary)</button></p>
        <p><button class="aui-btn aui-btn-success">默认按钮(success)</button></p>
        <p><button class="aui-btn aui-btn-info">默认按钮(info)</button></p>
        <p><button class="aui-btn aui-btn-warning">默认按钮(warning)</button></p>
        <p><button class="aui-btn aui-btn-danger">默认按钮(danger)</button></p>

        <p><button class="aui-btn aui-btn-info"><span class="aui-iconfont aui-icon-roundcheck"></span>图标按钮</button></p>
        <p><button class="aui-btn aui-btn-info">图标按钮<span class="aui-badge aui-badge-warning">12</span></button></p>
        <p>块按钮类</p>
        <p><button class="aui-btn aui-btn-block">默认按钮(default)</button></p>
        <p><button class="aui-btn aui-btn-primary aui-btn-block">默认按钮(primary)</button></p>
        <p><button class="aui-btn aui-btn-success aui-btn-block">默认按钮(success)</button></p>
        <p><button class="aui-btn aui-btn-info aui-btn-block">默认按钮(info)</button></p>
        <p><button class="aui-btn aui-btn-warning aui-btn-block">默认按钮(warning)</button></p>
        <p><button class="aui-btn aui-btn-danger aui-btn-block">默认按钮(danger)</button></p>
        <p>块按钮类 - 默认增加10px底部外边距</p>
        <p><button class="aui-btn aui-btn-block aui-btn-outlined">默认按钮(default)</button></p>
        <p><button class="aui-btn aui-btn-primary aui-btn-block aui-btn-outlined">默认按钮(primary)</button></p>
        <p><button class="aui-btn aui-btn-success aui-btn-block aui-btn-outlined">默认按钮(success)</button></p>
        <p><button class="aui-btn aui-btn-info aui-btn-block aui-btn-outlined">默认按钮(info)</button></p>
        <p><button class="aui-btn aui-btn-warning aui-btn-block aui-btn-outlined">默认按钮(warning)</button></p>
        <p><button class="aui-btn aui-btn-danger aui-btn-block aui-btn-outlined">默认按钮(danger)</button></p>
    </div>
</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript">
    apiready = function () {
    }
</script>
</html>